<template>
  <table class="table">
    <tr>
      <td>最重要</td>
      <td>{{str(raw[0])}}</td>
    </tr>
    <tr>
      <td>次重要</td>
      <td>{{str(raw[1])}}</td>
    </tr>
    <tr>
      <td>次不重要</td>
      <td>{{str(raw[2])}}</td>
    </tr>
    <tr>
      <td>最不重要</td>
      <td>{{str(raw[3])}}</td>
    </tr>
  </table>
</template>

<script>
export default {
  name: "HollandConditionElement",
  props: ["raw"],
  data() {
    return {
      strs: [
        "工资高、福利好",
        "工作环境(物质方面)舒适",
        "人际关系良好",
        "工作稳定有保障",
        "能提供较好的受教育机会",
        "有较高的社会地位",
        "工作不太紧张、外部压力少",
        "能充分发挥自己的能力特长",
        "社会需要与社会贡献大"
      ]
    };
  },
  methods: {
    str(id) {
      return this.strs[id];
    }
  }
};
</script>